let file = null; // 视频文件

// 删除视频
$("#buttonDelete").on("click", function () {
  $("#videoBox").hide();
  $("#uploadBox").show();
  $("#video").attr("src", "");
  $("#videoTime").text("00:00");
  $("#videoInput").val("");
});

// 上传视频
$("#videoInput").on("change", function () {
  file = this.files[0];
  if (file) {
    let url = URL.createObjectURL(file);
    $("#video").attr("src", url);
    // 获取视频时长
    $("#video").on("loadedmetadata", function () {
      $("#videoTime").text(formatTime(this.duration));
    });
    $("#videoBox").show();
    $("#uploadBox").hide();
    // TODO 上传视频到服务器
  }
});

// 作品标题剩余字数
$("#inputTitle").on("input", function () {
  let len = $(this).val().length;
  let num = 50 - len;
  if (num < 0) {
    num = 0;
  }
  $("#titleCount").text(num);
});

// 作品描述剩余字数
$("#textareaDesc").on("input", function () {
  let len = $(this).val().length;
  let num = 200 - len;
  if (num < 0) {
    num = 0;
  }
  $("#descCount").text(num);
});

// 选择平台
let checkedList = {
  kuaishou: true,
  shipinhao: false,
};
$(".checkbox").on("click", function () {
  if ($(this).hasClass("disabled")) {
    return;
  }
  $(this).toggleClass("checked");
  checkedList[$(this).data("type")] = $(this).hasClass("checked");
  console.log(checkedList);
});

// 立即发布
$("#buttonPublish").on("click", function () {
  if (validate()) {
    // TODO 发布作品
  }
});
// 表单验证
function validate() {
  let validate = true;
  if (!file) {
    $("#errorVideo").show();
    validate = false;
  } else {
    $("#errorVideo").hide();
  }
  if ($("#inputTitle").val().trim().length === 0) {
    $("#errorTitle").show();
    validate = false;
  } else {
    $("#errorTitle").hide();
  }
  if ($("#textareaDesc").val().length === 0) {
    $("#errorDesc").show();
    validate = false;
  } else {
    $("#errorDesc").hide();
  }
  if (!checkedList.kuaishou && !checkedList.shipinhao) {
    $("#errorPlatform").show();
    validate = false;
  } else {
    $("#errorPlatform").hide();
  }
  return validate;
}

// 格式化时间
function formatTime(time) {
  let minute = Math.floor(time / 60);
  let second = Math.floor(time % 60);
  if (minute < 10) {
    minute = "0" + minute;
  }
  if (second < 10) {
    second = "0" + second;
  }
  return minute + ":" + second;
}

// 预览视频
const $video = $("#video");
const $buttonPlay = $("#buttonPlay");
const $videoPopup = $("#videoPopup");
const $popupVideo = $("#popupVideo");
const $closePopup = $("#closePopup");

// 点击播放按钮显示弹窗并播放视频
$buttonPlay.on("click", function () {
  const videoSrc = $video.attr("src");
  if (videoSrc) {
    $popupVideo.attr("src", videoSrc);
    $videoPopup.css("display", "flex");
    $popupVideo[0].play();
  }
});

// 点击关闭按钮隐藏弹窗并暂停视频
$closePopup.on("click", function () {
  $videoPopup.css("display", "none");
  $popupVideo[0].pause();
  $popupVideo.attr("src", "");
});

// 点击弹窗背景隐藏弹窗并暂停视频
$videoPopup.on("click", function (e) {
  if (e.target === this) {
    $videoPopup.css("display", "none");
    $popupVideo[0].pause();
    $popupVideo.attr("src", "");
  }
});
